.rider_my_account
    .noDataBox
        height: auto
        margin-top: 50%;
        transform: translateY(-50%);
    .account_content
        padding: 30rpx
        padding-top: 15rpx 
        box-sizing: border-box
        .account_info_box
            display: flex
            flex-direction: column
            padding: 30rpx
            box-sizing: border-box
            background-image: linear-gradient(to right,#fdcb2e,#f3ab17);
            border-radius: 4px
            .account_title
                font-size: 15px
                font-weight: bold
                color: #000
        .money_amount_box
            display: flex
            align-items: flex-end;
        .money_amount_container
            margin-top: 15rpx
        .money_amount
            font-size: 30px
            font-weight: bold
        .money_text
            font-size: 12px
            margin-left:3px
        .withdraw_box
            display: flex
            align-items: center
            justify-content: center
            .withdraw_btn
                display: flex
                align-items: center
                justify-content: center
                width: 80px
                height: 30px
                color: #fff
                border-radius: 1px
                font-size: 12px
                background-color: #000
        .helper_item_box
            display: flex
            align-items: center
            border-bottom: 1px solid #f3f3f3
            padding: 40rpx 0
            .item_box
                display: flex
                flex-direction: column
                flex: 1
                justify-content: center
                align-items: center
                font-size: 12px
                transition: all 0.2s
                border-radius: 4px
                .item_text
                    margin-top: 2px